<template>
    <div class="header">
        <div class="left">
            <i class="iconfont icon-fanhui"></i>
            
        </div>
        <div class="search">
        <i class="iconfont icon-sousuo"></i>
        <span>输入城市/景点</span>
        </div>
        <div class="right">
            <span>九江</span>
            <i class="iconfont icon-jiantouxia"></i>
        </div>
    </div>
</template>

<script>
    
    export default {
        data() {
            return {

            }
        },
        methods: {
            
        }
    }
</script>

<style scoped>
    .header{
        display: flex;
        line-height: .86rem;
        background-color: #00bcd4;
        box-sizing: border-box;
        color: #fff;
    }
    .left{
        text-align: center;
        height: .88rem;
        margin-left: .2rem;
    
    }
    .search{
        flex: 1;
        border-radius: 5px;
        background-color: #fff;
        margin-top: .15rem;
        margin-left: .15rem;
        line-height: .64rem;
        height:.64rem;
        padding-left: .2rem;
        color: #cccccc;
    }
    .icon-sousuo{
        margin-right: .2rem;
    }
    .right{
        margin: 0 .2rem;
    }
</style>
